<!DOCTYPE html>
<html lang="en"> 
    <head> 
        <meta charset="utf-8"></meta>
        <title>container_flex-direction</title>

        <style> 
            .container { 
                width: 400px;
                height: 400px;
                border: 1px solid black;
                margin: auto;
                display: flex;
                flex-flow: row wrap;
                align-items: end;             /*可以设置flex-start, flex-end, center, baseline, stretch */
            }
            .container>div { 
                width: 100px;
                height: 100px;
                background: lightblue;
                border: 1px solid red;
                /* 设置字体大小 */
                font-size: 50px;
            }
        </style>

    </head>

    <body> 
        <div class="container"> 
            <div class="item">1</div>
            <div class="item">2</div>
            <div class="item">3</div>
            <div class="item">4</div>
            <div class="item">5</div>
        </div>
    </body>
</html>